.theme-v3 {
  .avue-sidebar {
    background-color: #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0);
    border-right: 1px solid #F8F9FB;

    .el-menu-item,
    .el-submenu__title {

      i,
      span {
        color: #808696;
      }

      &:hover {
        background: transparent;

        i,
        span {
          color: #409eff;
        }
      }

      &.is-active {
        &:hover {
          background-color: #f0f6ff;
        }

        &:before {
          left: auto;
          right: 0;
        }

        background-color: #f0f6ff;

        i,
        span {
          color: #409eff;
        }
      }
    }
  }

  .avue-logo {
    background-color: #fff;
    box-shadow: none;
    border-bottom: 1px solid #F8F9FB;

    .avue-logo_title {
      color: #000;
      font-size: 24px;
    }
  }

  .avue-tags {
    background: #fff;

    .el-tabs__item {
      color: rgba(0, 0, 0, .65) !important;
    }

    .el-tabs--card>.el-tabs__header .el-tabs__item.is-active {
      border-top: 1px solid #008eff
    }

    .is-active {
      background-color: #F8F9FB;
      color: #409EFF !important;
      border-bottom: none !important;

    }
  }

  .theme-button {
    background: #f0f6ff;
    color: #409EFF;
    border: none;
    font-weight: bold;
  }

  .avue-contail {
    background: #F8F9FB;
  }

  .more-module {
    display: none
  }

  .el-menu--popup-right-start {
    background: #fff !important;
  }

  .avue-logo_subtitle {
    color: #000
  }
}
